<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 16690
  Date: 2020/9/18
  Time: 13:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <link href="${pageContext.request.contextPath}/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>

    <style type="text/css">
        .haveaccount{
            font-size: 16px;
            float: right;
            color: #999;
        }

    </style>
</head>
<body>
<!-- 顶部 -->
<div class="container-fluid" style="height: 105px;line-height: 105px;margin-top: 34px;box-shadow: 1px 1px gray">
    <div class="row">
        <div class="col-md-4">
            <img src="http://misc.360buyimg.com/lib/img/e/logo-201305-b.png" alt="京东" style="margin-left: 30%; float: left"/>
            <div style="float: left; font-size: 24px;color: #5e5e5e">欢迎注册</div>
        </div>
        <div class="col-md-4" style="text-align: center">
            <c:if test="${not empty msg}">
                <h2 style="color: red">${msg}</h2>
            </c:if>
        </div>

        <div class="col-md-4 haveaccount">
            已有账号？
            <a href="">请登录></a>
        </div>
    </div>
</div>

<!-- 登录 -->
<div class="container-fluid" style="margin-top: 100px">
    <div class="row">
        <div class="col-md-4" style="text-align: right">

        </div>

        <div class="col-md-4">
            <div style="margin-top: 30%">
                <form class="form-horizontal" action="/userLogin" method="post">
                    <div class="form-group form-group-lg">
                        <div class="col-md-6" style="margin-left: 25%;margin-right: 25%;">
                            <input type="text" name="username" class="form-control" placeholder="请输入用户名"/>
                        </div>
                    </div>
                    <div class="form-group form-group-lg">
                        <div class="col-md-6" style="margin-left: 25%;margin-right: 25%;">
                            <input type="password" name="password" class="form-control" placeholder="请输入密码"/>
                        </div>
                    </div>
                    <div class="form-group form-group-lg">
                        <div class="col-md-6" style="margin-left: 25%;margin-right: 25%;">
                            <input type="submit" class="form-control" style="background-color: #2e6da4;color: white" value="登录"/>
                        </div>
                    </div>
                </form>
            </div>

        </div>

        <div class="col-md-4">

        </div>
    </div>
</div>
</body>
</html>
